Vue.component('UserInfo', {
  template: `
    <div>
      用户ID：{{ user.id }}
      <br>
      用户名：{{ user.name }}
      <br>
      性别：{{ user.gender }}
      <br>
      年龄：{{ user.age }}
    </div>
  `,
  data() {
    return {
      user: { id: 1, name: '张三', age: 18, gender: '男' },
    };
  },
});
